/* CSS Document */
* {zoom:1}



.products {width:100%;}
.products img {width:300px;height:223px;display:block}
.products .hd {font-size:14px;height:60px;line-height:60px;width:100%;margin:0 0 20px 0;border-bottom:#cc0033 2px  solid;}
.products .hd li {float:left;display:inline;width:13.28%;margin:0 0.5%;height:60px;line-height:60px;background-color:#eee;text-align:center;}
.products .hd   li.on a ,.products .hd   li a:hover{background-color:#003399;color:#fff;width:100%;}
.products .hd a {height:60px;line-height:60px;background-color:#eee;text-align:center;color:#000;}
.products .bd {width:100%;height:auto;position:relative;overflow:hidden}
.products .bd ul {height:auto;overflow:hidden;position:relative;font-size:14px;line-height:28px}
.products .bd li {width:100%;height:auto;background-color:#fff;position:relative}
.products .bd li .iprolist {width:20%;height:auto;float:left;margin:10px auto;}
.products .bd li .iprolist img {width:95%;margin:0 2.5%;height:auto;}
.products .bd li .iprolist figcaption {text-align:center;width:95%;margin:0 2.5%;height:auto;min-height:100px;}
.products .bd li .iprolist:hover figcaption {background:#f7f5f6;border-bottom:4px solid #cc0033;}
.products .bd li .iprolist figcaption h2 {width:95%;margin:0 2.5%;border-bottom:1px dotted #cc0033;color:#000;font-weight:700;}
.products .bd li .iprolist figcaption .panel {width:90%;margin:5px 5% 15px;height:60px;line-height:20px;font-size:0.8em;color:#444;overflow:hidden;text-align:left;}
@media only screen and (max-width:768px) {
.products .bd li .iprolist {width:50%;height:auto;float:left;}
.products .bd li .iprolist:nth-child(5){display:none;}
}
.about .con { width: 47%;margin:30px 1%; text-align: left; }
.about .con h1 { font-size: 18px; font-weight: 100; }
.about .con span { background: #cc0033; width: 60px; height: 3px; display: block; margin: 20px 0; }
.about .con p { line-height: 24px; font-size: 14px; color: #707070; }
.about .con p img{display:none;}
.about .con a { background: #003399; width: 230px; height: 40px; text-align: center; display: block; line-height: 40px; color: #fff; font-size: 14px; margin-top: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: ease-in-out .2s; }
.about .con a:hover { width: 250px; background-color: #cc0033; }
.about .about-pic{ width: 49%;margin:30px 1%;}
#ifocus_pic {display:inline;position:relative;float:left;width:84%;height:auto;overflow:hidden;margin:6px 0 0 6px;}
#ifocus_piclist li {width:100%;max-width:492px;height:auto;overflow:hidden;}
#ifocus_piclist li img {width:100%;max-width:492px;height:auto;}
#ifocus_btn {display:inline;float:right;margin-top:9px;width:78px;padding-right:5px;}
#ifocus_btn li {width:78px;height:51px;margin-bottom:5px;cursor:pointer;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
#ifocus_btn img {width:64px;height:42px;margin:5px 0 0 10px;}
#ifocus_btn .on {background:url(../images/ifocus_btn_bg.gif) no-repeat;opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
#ifocus_opdiv {position:absolute;left:0;bottom:0;width:100%;height:35px;background:#000;opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50);}
#ifocus_tx {position:absolute;left:8px;bottom:8px;color:#FFF;}
#ifocus_tx ul li {display:none;}
#ifocus_tx ul li a {color:#fff;font-size:14px;font-weight:bold;}



.client { width:1000px;margin:40px auto;overflow: hidden; height: auto; }
.client ul { width: 100%; }
.client ul li { float: left; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width: 19.8%; position: relative; height: 58px;  *overflow: hidden;text-align: center;}
.client ul li img { width: 100%; height: auto; }
.client ul li .on { background: url(../images/b_mask.png) repeat; width: 100%; height: auto; position: absolute; left: 0; top: -15px; line-height: 58px; color: #fff; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: ease-in-out .3s; }
.client ul li:hover .on { opacity: 1; filter: alpha(opacity=100); top: 0;     }
.client ul li:nth-child(-n+5){border-top: 1px solid #ddd;}
.client ul li:nth-child(1),.client ul li:nth-child(6){border-left: 1px solid #ddd;}


.show {width:100%;position:relative;height:500px;background:#000;}
.show .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.show .bd ul {width:100% !important;}
.show .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center;background:#003399;}
.show .bd li  .img{width:50% !important;height:500px;float:left;}
.show .hd {width:50%;position:absolute;z-index:1;bottom:0;right:0;height:30px;line-height:30px;}
.show .hd ul {text-align:center;}
.show .hd ul li {cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#fff;filter:alpha(opacity=80);opacity:0.8;line-height:999px;}
.show .hd ul .on {background:#cc0033;}
 
.show  .bd li .text { width: 450px; padding-left: 50px; color: #fff; position: absolute; left: 50%; height: 500px; top: 0; text-align:left;}
.show  .bd li .text h5 { font-size: 24px; padding-top: 68px; font-weight: 100; padding-bottom: 18px; }
.show  .bd li .text span { background: #eaff00; display: block; width: 60px; height: 3px; margin-bottom: 47px; }
.show  .bd li .text h2 { font-family: arial; font-size: 24px; font-weight: 100; }
.show  .bd li .text p { font-size: 14px; line-height: 24px; height: 189px; margin-bottom: 7px; }
.show  .bd li .text a { width: 146px; height: 30px; line-height: 30px; text-align: center;margin-top:10px; background: #fff; color: #cc0033; font-size: 14px; display: block; float: left; margin-right: 12px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; transition: ease-in-out .2s; }
.show  .bd li .text a:hover { background: #cc0033; color: #fff; }

/*.inews*/
.inews{}
.inews .itit{ margin-bottom: 20px;}
.inews .inews_left{ width: 50%;}
.inews .inews_left .img{ width: 100%; height: 150px; display: block;overflow: hidden; }
.inews .inews_left  img{top:-20%;position:relative;width: 100%; height: auto;  }
/*.inews .inews_left img:hover{ transform: scale(1.06);}*/
.inews .inews_left .img{ position: relative;}
.inews .inews_left .time{ width: 70px; height: 70px; line-height: 12px; background: #0043b3; text-align: center; color: #fff; position: absolute; left: 0; top: 0; }
.inews .inews_left .time .day{ font-size: 30px; line-height: 48px;  }
.inews .inews_left .time .ym{ font-size: 20px; }
.inews .inews_left h3{ margin: 5px 0 3px; height: 30px; overflow: hidden; }
.inews .inews_left .txt{ color: #666; line-height: 24px;}
.inews .inews_left .more{ width: 148px; height: 31px; display: block; color: #666666; border: 1px solid #a6a6a6; text-align: center; line-height: 31px; margin-top: 8px; }
.inews .inews_right{ width: 47.2%;}
.inews .inews_right .item{ border-top: 1px dotted #f1f1f1;}
.inews .inews_right .item:first-child{ padding-top: 0; border-top: 0;}
.inews .inews_right .item a{ height:60px; padding:22px 0px; display: block; }
.inews .inews_right .item:first-child a{ padding-top: 0px;}
.inews .inews_right .item h3{ font-size: 18px; height: 26px; overflow: hidden;  margin-bottom: 5px; }
.inews .inews_right .item .txt{ color: #999999; height: 34px; overflow: hidden; font-size: 12px; line-height: 16px;}
.inews .inews_right .item .time{ width: 56px; height:60px; margin-right: 18px; text-align: center;  line-height: 14px; color: #999;}
.inews .inews_right .item .time .day{ font-size: 48px; line-height: 48px; font-weight: 100;}
.inews .inews_right .item .time .ym{  display: block; font-size: 13px;}
/* Underline From Left */
.hvr-underline-from-left {display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
.hvr-underline-from-left:before {content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#cc0033;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.hvr-underline-from-left:hover:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:active:before {right:0;}
/* 亮光 */
.hvr-light {overflow:hidden;position:relative;}
.hvr-light:before {content:"";position:absolute;width:50px;height:275px;top:0;left:-150px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-32deg);-ms-transform:skewX(-32deg);-moz-transform:skewX(-32deg);transform:skewX(-32deg);}
.hvr-light:hover:before {-webkit-transition:left 1s;-moz-transition:left 1s;-ms-transition:left 1s;transition:left 1s;left:480px;}
.hvr-light:hover {opacity:.9\0;filter:alpha(opacity=90);}


@media only screen and (max-width:1100px) {
#ifocus_pic {max-width:424px;} 
#ifocus_piclist li {width:100%;max-width:424px;}
#ifocus_piclist  li img {width:100%;max-width:424px;height:auto;}
}
@media only screen and (max-width:1024px) {
#ifocus_pic {max-width:384px;margin:15px 0;} 
#ifocus_piclist li {width:100%;max-width:384px;}
#ifocus_piclist  li img {width:100%;max-width:384px;height:auto;}
.client { width:500px;margin:40px auto;overflow: hidden; height: auto; }
.client ul li {width: 24.6%; position: relative; height: auto;  *overflow: hidden;text-align: center;}
.client {border-top: 1px solid #ddd;}
.client ul li:nth-child(1){border-left: 1px solid #ddd;}
.client ul li:nth-child(n+5){display:none;}
.client ul li .on { line-height: 38px;}
}
@media only screen and (max-width:768px) {
.about .con { width: 98%;margin:20px 1%; text-align: left; }
.about .about-pic{display:none;}
.about .con h1{text-align:center;}
.about .con span { background: #003399; width: 30%; height: 3px; display: block; margin: 20px 35%; }
.about .con p img{display:block;width:80%;margin:20px 10%;}
.about .con a {width: 20%;  margin:25px 40%; }
.about .con a:hover { width: 40%;  margin:25px 20%; background-color: #80bf1a; }
.client { width:100%;margin:40px auto;border-top: 0px solid #ddd;}
.client ul li{display:block;width: 46%;height:auto;margin:5px 1%;border: 1px solid #ddd;}
.client ul li:nth-child(n+5){display:block;}
}